<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>行政级区域站点</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">
    <link rel="stylesheet" href="../../style/home/stationB.css">
    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header></header>
<nav></nav>
<div class="adv-img">
    <div><img src="../../static/images/小图1链接.png" alt=""><span>家园服务网</span></div>
    <div><img src="../../static/images/小图1链接.png" alt=""><span>家园服务网</span></div>
    <div><img src="../../static/images/小图1链接.png" alt=""><span>家园服务网</span></div>
    <div><img src="../../static/images/小图1链接.png" alt=""><span>家园服务网</span></div>
    <div><img src="../../static/images/小图1链接.png" alt=""><span>家园服务网</span></div>
</div>
<div class="nav-row"></div>

<main>
    <div class="content stationB stationC">


        <div class="adv-row">
            <img src="../../static/images/广告1.png" alt="">
            <img src="../../static/images/广告1.png" alt="">
            <img src="../../static/images/广告1.png" alt="">
            <img src="../../static/images/广告1.png" alt="">
        </div>

        <div class="manager-box">
            <div class="manager-item">
                <div class="manager-item-title">
                    <div class="manager-item-title-l">政府管理</div>
                    <div class="manager-item-title-r">更多&gt;</div>
                </div>
                <div class="manager-item-card">
                    <div class="manager-item-card-img"></div>
                    <div class="manager-item-card-content">
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="manager-item">
                <div class="manager-item-title">
                    <div class="manager-item-title-l">民主管理</div>
                    <div class="manager-item-title-r">更多&gt;</div>
                </div>
                <div class="manager-item-card">
                    <div class="manager-item-card-img"></div>
                    <div class="manager-item-card-content">
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="manager-item">
                <div class="manager-item-title">
                    <div class="manager-item-title-l">委员会工作</div>
                    <div class="manager-item-title-r">更多&gt;</div>
                </div>
                <div class="manager-item-card">
                    <div class="manager-item-card-img"></div>
                    <div class="manager-item-card-content">
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="manager-item">
                <div class="manager-item-title">
                    <div class="manager-item-title-l">服务管理</div>
                    <div class="manager-item-title-r">更多&gt;</div>
                </div>
                <div class="manager-item-card">
                    <div class="manager-item-card-img"></div>
                    <div class="manager-item-card-content">
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="manager-item">
                <div class="manager-item-title">
                    <div class="manager-item-title-l">基层党建</div>
                    <div class="manager-item-title-r">更多&gt;</div>
                </div>
                <div class="manager-item-card">
                    <div class="manager-item-card-img"></div>
                    <div class="manager-item-card-content">
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                        <div class="manager-item-card-list">
                            <div class="manager-item-card-list-l">政府公告关..</div>
                            <div class="manager-item-card-list-r">2019-4-17</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="manager-login">
            <div class="manager-login-btn">
                政府管理  点击登录
            </div>
            <div class="manager-login-btn">
                民主管理  点击登录
            </div>
            <div class="manager-login-btn">
                委会工作  点击登录
            </div>
            <div class="manager-login-btn">
                服务管理  点击登录
            </div>
            <div class="manager-login-btn">
                基层党建  点击登录
            </div>
        </div>
        <div class="task-box">
            <div class="task-img-box">
                <div class="errands task-img">
                    <span>跑</span>
                    <span>腿</span>
                    <span>办</span>
                    <span>事</span>

                </div>
                <div class="task-release task-img">
                    点击<br><br>
                    任务发布
                </div>
                <div class="errands task-img">
                    <span>任</span>
                    <span>务</span>
                    <span>大</span>
                    <span>厅</span>
                </div>
            </div>
            <div class="task-list">
                <div class="task-item">
                    <div class="task-item-tip">【跑腿】</div>
                    <div class="task-item-text">麻烦帮我 交个水费，这周四200元，2091-4-17    03-14业主发布这周四200元，2091-4-17    03-14业主发布这周四200元，2091-4-17    03-14业主发布</div>
                </div>
                <div class="task-item">
                    <div class="task-item-tip">【跑腿】</div>
                    <div class="task-item-text">麻烦帮我 交个水费，这周四200元，2091-4-17    03-14业主发布这周四200元，2091-4-17    03-14业主发布</div>
                </div>
                <div class="task-item">
                    <div class="task-item-tip">【跑腿】</div>
                    <div class="task-item-text">麻烦帮我 交个水费，这周四200元，2091-4-17    03-14业主发布这周四200元，2091-4-17    03-14业主发布</div>
                </div>
                <div class="task-item">
                    <div class="task-item-tip">【跑腿】</div>
                    <div class="task-item-text">麻烦帮我 交个水费，这周四200元，2091-4-17    03-14业主发布这周四200元，2091-4-17    03-14业主发布</div>
                </div>
                <div class="task-item">
                    <div class="task-item-tip">【跑腿】</div>
                    <div class="task-item-text">麻烦帮我 交个水费，这周四200元，2091-4-17    03-14业主发布这周四200元，2091-4-17    03-14业主发布</div>
                </div>
            </div>

        </div>
        <div class="life-service">
            <div class="life-server-img">
                <div class="life-service-img">
                    <span>生</span>
                    <span>活</span>
                    <span>服</span>
                    <span>务</span>
                </div>
            </div>
            <div class="life-service-list">
                <div class="life-service-item">
                    <div class="life-service-item-title">旅游服务</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
                <div class="life-service-item">
                    <div class="life-service-item-title">后台自定义</div>
                    <div class="life-service-item-content">
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                        <div class="life-service-item-content-item">宽窄巷子</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Exhibition-container">
            <div class="Exhibition-l">
                <div class="classify-box">
                    <div class="classify-top">
                        <div class="classify-item">
                            <a href="">【办事服务】</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href=""><img src="../../static/icons/咨询拷贝.png" alt="">联合服务</a>
                            <a href=""><img src="../../static/icons/在线拷贝.png" alt="">联合服务</a>
                        </div>
                        <div class="classify-item">
                            <a href="">【公共服务】</a>
                            <a href="">家园生活服务网</a>
                            <a href="">联合服务</a>
                            <a href=""><img src="../../static/icons/在线拷贝.png" alt="">联合服务</a>
                            <a href=""><img src="../../static/icons/在线拷贝.png" alt="">联合服务</a>
                        </div>
                        <div class="classify-item">
                            <a href="">【缴费服务】</a>
                            <a href="">家园生活服务网</a>
                            <a href="">联合服务</a>
                            <a href=""><img src="../../static/icons/在线拷贝.png" alt="">联合服务</a>
                            <a href=""><img src="../../static/icons/在线拷贝.png" alt="">联合服务</a>
                        </div>

                    </div>

                    <div class="classify-bottom">
                        <div class="classify-bottom-l">
                                <span>家</span>
                                <span>园</span>
                                <span>服</span>
                                <span>务</span>
                                <span>中</span>
                                <span>心</span>
                        </div>
                        <div class="classify-item">
                            <a href=""></a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                        </div>
                        <div class="classify-item">
                            <a href=""></a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                        </div>
                        <div class="classify-item">
                            <a href=""></a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                            <a href="">联合服务</a>
                        </div>
                    </div>
                </div>
                <div class="experience-box">
                    <div class="experience-title">
                        <div class="experience-title-text">家园见闻</div>
                    </div>
                    <div class="experience-container">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="hotspot-tab" data-toggle="tab" href="#hotspot" role="tab" aria-controls="hotspot" aria-selected="true">热点
                                    <!--<img class="tip" src="static/icons/多边形686.png" alt="">-->
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="video-tab" data-toggle="tab" href="#video" role="tab" aria-controls="video" aria-selected="false">视频</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="trifles-tab" data-toggle="tab" href="#trifles" role="tab" aria-controls="trifles" aria-selected="false">琐事</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="foods-tab" data-toggle="tab" href="#foods" role="tab" aria-controls="foods" aria-selected="false">美食</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="health-tab" data-toggle="tab" href="#health" role="tab" aria-controls="health" aria-selected="true">养生</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="education-tab" data-toggle="tab" href="#education" role="tab" aria-controls="education" aria-selected="false">教育</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="arder-tab" data-toggle="tab" href="#arder" role="tab" aria-controls="arder" aria-selected="false">休闲</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="town-tab" data-toggle="tab" href="#town" role="tab" aria-controls="town" aria-selected="false">城乡</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="life-tab" data-toggle="tab" href="#life" role="tab" aria-controls="life" aria-selected="true">生活</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="talk-tab" data-toggle="tab" href="#talk" role="tab" aria-controls="talk" aria-selected="false">杂谈</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="statement-tab" data-toggle="tab" href="#statement" role="tab" aria-controls="statement" aria-selected="false">说法</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="propagate-tab" data-toggle="tab" href="#propagate" role="tab" aria-controls="propagate" aria-selected="false">弘扬</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="hotspot" role="tabpanel" aria-labelledby="hotspot-tab">
                                <div class="experience-list">
                                    <div class="experience-list-title">张家口堡子里国家重点文物保护古建筑小区</div>
                                    <div class="experience-list-content">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="experience-list-title">张家口堡子里国家重点文物保护古建筑小区</div>
                                    <div class="experience-list-content">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="experience-list-title">张家口堡子里国家重点文物保护古建筑小区</div>
                                    <div class="experience-list-content">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="experience-list-title">张家口堡子里国家重点文物保护古建筑小区</div>
                                    <div class="experience-list-content">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                    </div>
                                </div>
                                <div class="experience-list">
                                    <div class="experience-list-title">张家口堡子里国家重点文物保护古建筑小区</div>
                                    <div class="experience-list-content">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                        <img src="../../static/images/图1.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="video" role="tabpanel" aria-labelledby="video-tab">video</div>
                            <div class="tab-pane fade" id="trifles" role="tabpanel" aria-labelledby="trifles-tab">trifles</div>
                            <div class="tab-pane fade" id="foods" role="tabpanel" aria-labelledby="foods-tab">foods</div>
                            <div class="tab-pane fade" id="health" role="tabpanel" aria-labelledby="health-tab">health</div>
                            <div class="tab-pane fade" id="education" role="tabpanel" aria-labelledby="education-tab">education</div>
                            <div class="tab-pane fade" id="arder" role="tabpanel" aria-labelledby="arder-tab">arder</div>
                            <div class="tab-pane fade" id="town" role="tabpanel" aria-labelledby="town-tab">town</div>
                            <div class="tab-pane fade" id="life" role="tabpanel" aria-labelledby="life-tab">life</div>
                            <div class="tab-pane fade" id="talk" role="tabpanel" aria-labelledby="talk-tab">talk</div>
                            <div class="tab-pane fade" id="statement" role="tabpanel" aria-labelledby="statement-tab">statement</div>
                            <div class="tab-pane fade" id="propagate" role="tabpanel" aria-labelledby="propagate-tab">propagate</div>
                        </div>
                    </div>
                </div>
                <div class="governed-law-box">
                    <div class="governed-law-header">
                        <div class="governed-law-header-title">法制道德</div>
                        <div class="governed-law-header-nav">
                            <ul class="nav nav-tabs" id="myTab2" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="legality-tab" data-toggle="tab" href="#legality" role="tab" aria-controls="legality" aria-selected="true">法制正气</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="exposure-tab" data-toggle="tab" href="#exposure" role="tab" aria-controls="exposure" aria-selected="false">负面曝光</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="civilization-tab" data-toggle="tab" href="#civilization" role="tab" aria-controls="civilization" aria-selected="false">素质文明</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="truth-tab" data-toggle="tab" href="#truth" role="tab" aria-controls="truth" aria-selected="false">真相</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="report-tab" data-toggle="tab" href="#report" role="tab" aria-controls="report" aria-selected="true">举报</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="governed-law-list">
                        <div class="governed-law-list-img" style="background: url(../../static/images/楼.png)center center no-repeat;background-size: contain"></div>
                        <div class="governed-law-list-content">
                            <div class="list-title">我国古代溜达鬼才：诸葛亮没能上榜，姜子牙点滴，第一据说还火照......</div>
                            <div class="list-text">
                                主要是物业管理企业没有建立装修管理流程和建立后没有执行；还有一些业主在装修前没有到物业公司进行
                                申请，就自行开始装修，随意倒装修和建筑垃圾；有一些业主拒绝清理，物业公司没办法自行清理。一个30
                                万平方米的住宅小区。
                            </div>
                            <div class="list-btn">
                                <span>发表于 成都社区服务分站</span>
                                <span><img src="../../static/icons/评论1.png" alt="">208</span>
                                <span><img src="../../static/icons/时间1.png" alt="">16:30</span>
                            </div>
                        </div>
                    </div>
                    <div class="governed-law-list">
                        <div class="governed-law-list-img" style="background: url(../../static/images/楼.png)center center no-repeat;background-size: contain"></div>
                        <div class="governed-law-list-content">
                            <div class="list-title">我国古代溜达鬼才：诸葛亮没能上榜，姜子牙点滴，第一据说还火照......</div>
                            <div class="list-text">
                                主要是物业管理企业没有建立装修管理流程和建立后没有执行；还有一些业主在装修前没有到物业公司进行
                                申请，就自行开始装修，随意倒装修和建筑垃圾；有一些业主拒绝清理，物业公司没办法自行清理。一个30
                                万平方米的住宅小区。
                            </div>
                            <div class="list-btn">
                                <span>发表于 成都社区服务分站</span>
                                <span><img src="../../static/icons/评论1.png" alt="">208</span>
                                <span><img src="../../static/icons/时间1.png" alt="">16:30</span>
                            </div>
                        </div>
                    </div>
                    <div class="governed-law-list">
                        <div class="governed-law-list-img" style="background: url(../../static/images/楼.png)center center no-repeat;background-size: contain"></div>
                        <div class="governed-law-list-content">
                            <div class="list-title">我国古代溜达鬼才：诸葛亮没能上榜，姜子牙点滴，第一据说还火照......</div>
                            <div class="list-text">
                                主要是物业管理企业没有建立装修管理流程和建立后没有执行；还有一些业主在装修前没有到物业公司进行
                                申请，就自行开始装修，随意倒装修和建筑垃圾；有一些业主拒绝清理，物业公司没办法自行清理。一个30
                                万平方米的住宅小区。
                            </div>
                            <div class="list-btn">
                                <span>发表于 成都社区服务分站</span>
                                <span><img src="../../static/icons/评论1.png" alt="">208</span>
                                <span><img src="../../static/icons/时间1.png" alt="">16:30</span>
                            </div>
                        </div>
                    </div>
                    <div class="governed-law-list">
                        <div class="governed-law-list-img" style="background: url(../../static/images/楼.png)center center no-repeat;background-size: contain"></div>
                        <div class="governed-law-list-content">
                            <div class="list-title">我国古代溜达鬼才：诸葛亮没能上榜，姜子牙点滴，第一据说还火照......</div>
                            <div class="list-text">
                                主要是物业管理企业没有建立装修管理流程和建立后没有执行；还有一些业主在装修前没有到物业公司进行
                                申请，就自行开始装修，随意倒装修和建筑垃圾；有一些业主拒绝清理，物业公司没办法自行清理。一个30
                                万平方米的住宅小区。
                            </div>
                            <div class="list-btn">
                                <span>发表于 成都社区服务分站</span>
                                <span><img src="../../static/icons/评论1.png" alt="">208</span>
                                <span><img src="../../static/icons/时间1.png" alt="">16:30</span>
                            </div>
                        </div>
                    </div>
                    <div class="governed-law-list">
                        <div class="governed-law-list-img" style="background: url(../../static/images/楼.png)center center no-repeat;background-size: contain"></div>
                        <div class="governed-law-list-content">
                            <div class="list-title">我国古代溜达鬼才：诸葛亮没能上榜，姜子牙点滴，第一据说还火照......</div>
                            <div class="list-text">
                                主要是物业管理企业没有建立装修管理流程和建立后没有执行；还有一些业主在装修前没有到物业公司进行
                                申请，就自行开始装修，随意倒装修和建筑垃圾；有一些业主拒绝清理，物业公司没办法自行清理。一个30
                                万平方米的住宅小区。
                            </div>
                            <div class="list-btn">
                                <span>发表于 成都社区服务分站</span>
                                <span><img src="../../static/icons/评论1.png" alt="">208</span>
                                <span><img src="../../static/icons/时间1.png" alt="">16:30</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="report">
                    <div class="complaint">
                        <div class="complaint-item">投诉</div>
                        <div class="complaint-item">投诉</div>
                        <div class="complaint-item">投诉</div>
                    </div>
                </div>
            </div>
            <div class="Exhibition-r">
                <div class="notice">
                    <div class="notice-title">
                        <div class="notice-logo" style="background: url('../../static/images/圆角矩形9.png')center center no-repeat;background-size: contain">服务公告</div>
                    </div>
                    <div class="notice-content">

                        “城乡家园服务网”是根据社会发展趋势、法制进步趋势、科
                        技创新趋势，以及家庭生活需求，设计的“基层社区民主管理
                        和民生服务解决方...

                        “城乡家园服务网”是根据社会发展趋势、法制进步趋势、科
                        技创新趋势，以及家庭生活需求，设计的“基层社区民主管理
                        和民生服务解决方...


                    </div>
                </div>
                <div class="investigation">
                    <div class="investigation-tab">
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/问题.png" alt="">卜咚问问</div>
                            <div class="tab-item-text">
                                实时为您解答，卜咚
                                问问您身边的社区管家
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/互动.png" alt="">城乡互动</div>
                            <div class="tab-item-text">
                                民主，公平，公开，
                                透明化选举信息
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/调查.png" alt="">家园调查</div>
                            <div class="tab-item-text">
                                实时为您解答，卜咚
                                问问您身边的社区管家
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="tab-item-header"><img src="../../static/icons/投诉.png" alt="">投诉建议</div>
                            <div class="tab-item-text">
                                有您的参与，平台将
                                更加完善谢谢您的留言
                            </div>
                        </div>
                    </div>
                    <div class="investigation-list">
                        <div class="investigation-list-title">
                            <span>家</span>
                            <span>园</span>
                            <span>调</span>
                            <span>查</span>
                        </div>
                        <div class="investigation-comment">
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【焦点】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                            </div>
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【投票】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                            </div>
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【评议】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                            </div>
                            <div class="investigation-comment-item">
                                <div class="investigation-comment-item-title">【征集】</div>
                                <a class="investigation-comment-item-link" href="#">社区干部评议</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img class="d-block w-100" src="../../static/images/两会.png" alt="First slide">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>中国进入“两会时间”国际舆论聚焦时期</h5>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img class="d-block w-100" src="../../static/images/政府.png" alt="First slide">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>中国进入“两会时间”国际舆论聚1</h5>
                                </div>
                            </div>

                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="news-item">
                        <ul>
                            <li onclick="javascript:window.location.href='../../views/home/article-list.html'"><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                        </ul>
                    </div>
                </div>
                <div class="help">
                    <div class="experience-title">
                        <div class="experience-title-text">公益帮助</div>
                    </div>
                    <div class="experience-container">
                        <ul class="nav nav-tabs" id="myTab3" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="public-tab" data-toggle="tab" href="#public" role="tab" aria-controls="public" aria-selected="true">公共公益
                                    <!--<img class="tip" src="static/icons/多边形686.png" alt="">-->
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="charitable-tab" data-toggle="tab" href="#charitable" role="tab" aria-controls="charitable" aria-selected="false">慈善帮助</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="Poverty-alleviation-tab" data-toggle="tab" href="#Poverty-alleviation" role="tab" aria-controls="Poverty-alleviation" aria-selected="false">联合扶贫</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="fond-tab" data-toggle="tab" href="#fond" role="tab" aria-controls="fond" aria-selected="false">寻人寻物</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent3">

                            <div class="tab-pane fade show active" id="public" role="tabpanel" aria-labelledby="public-tab">
                                <div class="help-list">
                                    <div class="help-list-img">
                                        <img src="../../static/images/房子Loi.png" alt="">
                                    </div>
                                    <div class="help-list-text">
                                        为了更好的让大家使用家园服务网
                                        的平台网站，经过公司的研发，小
                                        程序已经开发并投入使用。
                                    </div>
                                </div>
                                <div class="item-list">

                                    为了更好的让大家使用家园服务网的平台网站，经过
                                    公司的研发，小程序已经开发并投入使用。

                                </div>
                                <div class="item-list">

                                    为了更好的让大家使用家园服务网的平台网站，经过
                                    公司的研发，小程序已经开发并投入使用。

                                </div>
                                <div class="item-list">

                                    为了更好的让大家使用家园服务网的平台网站，经过
                                    公司的研发，小程序已经开发并投入使用。

                                </div>
                                <div class="item-list">

                                    为了更好的让大家使用家园服务网的平台网站，经过
                                    公司的研发，小程序已经开发并投入使用。

                                </div>
                            </div>
                            <div class="tab-pane fade" id="charitable" role="tabpanel" aria-labelledby="charitable-tab">trifles</div>
                            <div class="tab-pane fade" id="Poverty-alleviation" role="tabpanel" aria-labelledby="Poverty-alleviation-tab">foods</div>
                            <div class="tab-pane fade" id="fond" role="tabpanel" aria-labelledby="fond-tab">fond</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="adv-row">
            <img src="../../static/images/背景toupoa.png" alt="" style="height: 5.75rem">
            <img src="../../static/images/背景toupoa.png" alt="" style="height: 5.75rem">
            <img src="../../static/images/背景toupoa.png" alt="" style="height: 5.75rem">
            <img src="../../static/images/背景toupoa.png" alt="" style="height: 5.75rem">
        </div>
        <div class="adv-row">
            <img src="../../static/images/背景toupoa.png" alt="" style="width: 100%">
        </div>
        <div class="friend-link">

        </div>
    </div>
</main>
<footer class="footer">

</footer>
<script>
    (function () {
        $("header").load("../../views/common/header_common.html");
        $("nav").load("../../views/common/nav-inner2.html");
        $(".nav-row").load("../../views/common/nav-row2.html");
        $(".friend-link").load("../../views/common/friend-link.html");
        $("footer").load("../../views/common/footer.html");
    })()
</script>
</body>
</html>